Ext.onReady(function() {
			var thistab = Ext.get('用户管理'); // 取得本页面要放置在主页面的tab页
			thistab.clean(true);
			// 添加的无窗口对象必须有renderTo属性为 thistab
			// 定义一个ColumnModel，表头中有四列

			var sm = new Ext.grid.CheckboxSelectionModel();
			// 定义一个ColumnModel，表头中有四列
			var cm = new Ext.grid.ColumnModel([
					new Ext.grid.RowNumberer(),// 自动行号
					sm,// 添加的地方
					{
						header : '编号',
						dataIndex : 'id'
					}, {
						header : '性别',
						dataIndex : 'sex',
						renderer : changeSex
					}, {
						header : '名称',
						dataIndex : 'name'
					}, {
						header : '描述',
						dataIndex : 'descn',
						width:200
					}]);
			cm.defaultSortable = true;
			

			// // ArrayData
			// var data = [['1', 'male', 'name1', 'descn1'],
			// ['2', 'male', 'name1', 'descn2'], ['3', 'male', 'name3',
			// 'descn3'],
			// ['4', 'male', 'name4', 'descn4'], ['5', 'male', 'name5',
			// 'descn5']];
			// // ArrayReader
			// var ds = new Ext.data.Store({
			// proxy : new Ext.data.MemoryProxy(data),
			// reader : new Ext.data.ArrayReader({}, [{
			// name : 'id',
			// mapping : 0
			// }, {
			// name : 'sex',
			// mapping : 1
			// }, {
			// name : 'name',
			// mapping : 2
			// }, {
			// name : 'descn',
			// mapping : 3
			// }])
			// });
			// ds.load();

			// JsonData
			var data = {
				'coders' : [{
							'id' : '1',
							'sex' : 'male',
							'name' : 'McLaughlin',
							'descn' : 'brett@newInstance.com'
						}, {
							'id' : '2',
							'sex' : 'male',
							'name' : 'Hunter',
							'descn' : 'jason@servlets.com'
						}, {
							'id' : '3',
							'sex' : 'female',
							'name' : 'Harold',
							'descn' : 'elharo@macfaq.com'
						}, {
							'id' : '4',
							'sex' : 'male',
							'name' : 'Harolds',
							'descn' : 'elhaross@macfaq.com'
						}],
				'musicians' : [{
							'id' : '1',
							'name' : 'Clapton',
							'descn' : 'guitar'
						}, {
							'id' : '2',
							'name' : 'Rachmaninoff',
							'descn' : 'piano'
						}]
			};

			// ds使用的MemoryProxy对象和JsonReader对象
			var ds = new Ext.data.Store({
						proxy : new Ext.data.MemoryProxy(data),
						reader : new Ext.data.JsonReader({
									root : 'coders'
								}, [{
											name : 'id'
										}, {
											name : 'sex'
										}, {
											name : 'name'
										}, {
											name : 'descn'
										}])
					});
			ds.load();
			
			//构造　tbar 和　bbar
			

			// 构造要显示的效果 ds, cm, sm 是必须的 renderTo 需要设置为 thistab
			// autoHeight为true,否则少一行
			var grid = new Ext.grid.GridPanel({
						ds : ds,
						cm : cm,
						sm : sm,
						renderTo : thistab,
						autoHeight : true
					});

			// 更改显示效果的函数
			function changeSex(value) {
				if (value == 'male') {
					return "<span style='color:red;font-weight:bold;'>男</span>";
				} else if(value=='female'){
					return "<span style='color:green;font-weight:bold;'>女</span>";
				}else
				{
					return "<span style='color:blue;font-weight:bold;'>未知</span>";
				}
			}

		});
